/*LEFT PART for USER PAGE------------------------------------*/
.ko-left-box {
	margin-top: 15px;
	border-top: 1px solid #e4e6e7;
	display: inline-block;
}
.ko-left-box h4{
	margin-top: 2px;
	width: 232px;
	text-align: left;
	background: #e9f0f5;
	padding: 0 10px;
}
.ko-left-box.green h4, .ko-left-box.green h4 a{background: #d0f5d9;}
.ko-left-box h4 a {
	line-height: 34px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.ko-left-box h4 a.small {
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	padding-left: 10px;
}
.ko-left-box h4 span{
	float: right;
	line-height: 34px;
	font-weight: normal;
	font-size: 13px;
}
.ko-list-item {
	margin: 8px 0 0 0;
	text-align: left
}
.ko-list-item a {
	text-decoration: none;
	color: #4c4c4c;
	font-size: 12px;
	line-height: 16px;
}
.ko-list-item span.ko-date,
.ko-list-item span.ko-name{
	display: block;
	color: #a4a4a4;
	font-size: 12px;
	line-height: 16px;
}
.ko-list-item span.ko-name{
	font-size: 11px;
	text-align: center;
	line-height: 12px;
}
.ko-list-user {
	max-width: 70px;
	float: left;
	margin: 0 18px 8px 0;
	height: 120px;
	overflow: hidden;
}
.last .ko-list-user {
	margin-right: 0px;
}
.ko-user-page {
	padding: 0 0 0 5px;
}
.ko-user-page h1,.ko-user-page h2 {
	margin-top: 0px;
	padding: 0 0 10px 0;
	line-height: 20px;
	float: left;
}
.ko-user-page h2 {
	font-size: 14px;
	font-weight: bold;
}
.ko-user-page span.ko-last-visit {
	float: right;
	color: #a0a0a0;
}
.ko-user-page span.ko-num {
	float: right;
	font-size: 14px;
}
.ko-up-block {
	border-bottom: 1px solid #e4e6e7;
	padding: 10px 0 10px 0;
	font-size: 13px;
	position: relative;

}
.ko-up-block .over-h a.small {
	padding-left: 15px;
	line-height: 18px;
}
.ko-up-block a.small.p-a {
	position: absolute;
	right: 0px;
	bottom: 15px;
}
.ko-up-block.first {
	padding-top: 0px;
}
.ko-up-block a, .ko-up-block b {
	font-size: 13px;
}
.ko-up-photos{
}
.ko-up-photos a{
	display: inline-block;
	margin-right: 12px;
	width: 111px;
	overflow: hidden;
	position: relative;
}
.ko-up-photos a.last {
	margin-right: 0px;
}
.ko-up-photoalbums a{
	width: auto;
}
.ko-up-photos a span.ko-desc {
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 15px;
	line-height: 15px;
	background: rgba(0,0,0,0.7);
	color: #ffffff;
	padding: 0 5px;
	width: 120px;
	white-space: nowrap;
}
.ko-up-photos a span.ko-desc-cnt,
.ko-up-photos a span.ko-desc-comments {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 16px;
	width: 22px;
	line-height: 16px;
	background: rgba(0,0,0,0.7) url(../img/icon/panel-menu.png) no-repeat left top;
	color: #ffffff;
	white-space: nowrap;
	padding-left: 18px;
}
.ko-up-photos a span.ko-desc-comments {
	right: 40px;
	background: rgba(0,0,0,0.7) url(../img/icon/answer.png) no-repeat left top;
}
.ko-wall-mess {
	overflow: hidden;
	border-top: 1px solid #e4e6e7;
	padding: 10px 0 6px 0;
	position: relative;
}
.ko-wall-mess-photo {
	display: inline-block;
	width: 80px;
	vertical-align: top;
}
.ko-wall-mess-cont {
	display: inline-block;
	/*width: 600px;*/
}
.ko-wall-mess-cont-text {
	max-height: 550px;
	overflow: hidden;
}
.ko-wall-mess-cont-name a {
	font-weight: bold;
	text-decoration: none;
}
.ko-wall-mess-cont-date {
	font-size: 11px;
	color: #aaa;
	line-height: 11px;
}
.pager ul.yiiPager li a {
	background: #d3dfe5;
	border: none;
	border-radius: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	color:#286884;
}
.pager ul.yiiPager li a:hover {
	background: #afcad7;
}
.pager ul.yiiPager li.selected a {
	background: #286884;
	color:#ffffff;
}
.pager ul.yiiPager li.hidden a {
	background: #f2f2f2;
	color:#cccccc;
}
.pager ul.yiiPager li.previous a,
.pager ul.yiiPager li.next a {
	font-size: 11px;
	font-weight: normal;
}
.ko-wall-mess-cont-action {
	position: absolute;
	right: 0px;
	top: 10px;
}
a.ko-del{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/icon/delete_wall_16.png) no-repeat left top;
	opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}
a.ko-del:hover{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/**groups page*/
.ko-right-td{
	background: #e9f1f9;
	padding: 0 0 0 0;
}
.ko-right-gr a {
	display: block;
	background: #3a718f;
	padding: 5px 20px;
	margin-top: 5px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	line-height: 16px;
}
.ko-right-gr a.subitem {
	background: none;
	color: #555;
}
.ko-right-gr a:hover {
	background: #47565e;
}
.ko-right-gr a.subitem:hover {
	color: #ffffff;
}
.ko-left-td {
	padding-right: 20px;
}
.ko-left-td .ko-wall-mess-cont {
	width: 460px;
}


/**user page*/
.ko-user-public {
	margin-top: 30px;
}
.ko-user-left{
	width: 252px;
	float: left;
}
.ko-user-page-public {
	margin-left: 320px;
}
.ko-user-public h1{
	font: 30px Roboto Medium, Tahoma;
	color: #303030;
	text-transform: none;
}
.ko-user-public .ko-up-block.first, .ko-user-public .ko-up-block.first a{font: 14px Roboto, Tahoma; color: #707070}
.ko-user-public .ko-up-block.first a{color: #31b7d6}
.ko-user-public.ko-user-page h2,.ko-user-public.ko-user-page span.ko-num {font: 16px Roboto Medium, Tahoma; color: #303030; font-weight: normal; text-transform: none;float: left;margin: 16px 0px 0 0;}
.ko-user-public.ko-user-page span.ko-num {padding-left: 20px;}
.ko-user-public .ko-wall-mess-cont-name a {font: 16px Roboto Medium, Tahoma;color:#31b7d6;}
.ko-user-public .ko-wall-mess-cont-text p{font: 12px Roboto; color: #4b4b4b;}
.ko-user-public .ko-wall-mess-cont-date {margin-top: 5px;}
.ko-user-public .ko-left-box {border-top: none;}
.ko-user-public .ko-left-box h4{background: #f7f7f7;margin-top: 0px;}
.ko-user-public .ko-left-box h4,.ko-user-public .ko-left-box h4 a,.ko-user-public .ko-left-box h4 span {font: 16px/34px Roboto Medium, Tahoma; color: #303030;}
.ko-user-public .ko-left-box-blog .ko-list-item {margin: 8px 0px 0px 10px;}
.ko-user-public .ko-list-item a{font: 13px/16px Roboto, Tahoma;color: #4b4b4b;}
.ko-user-public .ko-list-item span.ko-date {font: 12px/16px Roboto, Tahoma;color: #818181}